<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
    width : 200px;
    height : 200px;
    background-color : pink;
    border: 1px solid #000;
    overflow: scroll;
}
</style>
</head>
<body>
<div id="box">我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本我是一些可以滚动的文本</div>
<script>
/*window.onscroll = function (){
    console.log("窗口再滚动");
}*/
/*box.onscroll = function (){
    console.log(box.scrollTop);
}*/
setTimeout(function step(){
    var start = box.scrollTop;
    box.scrollTop += 2;
    var end = box.scrollTop;
    if(start == end) return;
    console.log(start);
    setTimeout(step, 20)
}, 0)
</script>
</body>
</html>